<template>
    <router-view />
</template>


<script setup>

</script>

<style lang="scss" scoped>

</style>

<style lang="scss">



/* 引入图标 */
@import url("//at.alicdn.com/t/font_2374382_xx5c73zhf2c.css");

* {
  margin: 0;
  padding: 0;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  background: #ecf0f3;
}

body {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 14px;
}

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
}

.soft {
  border-radius: 10px;
  background: #ecf0f3;
  box-shadow: 18px 18px 30px #d1d9e6, -18px -18px 30px #fff;

  &.insert {
    border-radius: 10px;
    background: linear-gradient(145deg, #cacaca, #f0f0f0);
    box-shadow: 5px 5px 7px #cacaca, -5px -5px 7px #f6f6f6;
  }

  &.white {
    background: white;
  }
}

.touch {
  background: #f1f1f1;
}

</style>